<template>
  <h1>模板语法</h1>
  <h2>姓名：{{ name }}</h2>
  <div v-html="rawHtml"></div>
  <button :disabled="isUse">我的属性的动态绑定的</button>
  <button @click="toggleUse">切换是否使用</button>
</template>

<script setup>
import { ref, reactive, nextTick } from 'vue'

let name = ref('张三')
let rawHtml = '<p style="color:red;">我是html标签</p>'
let isUse = ref(true)

function toggleUse() {
  isUse.value = !isUse.value
}

function logInfo(value) {
  console.log(value)
}
</script>

<style lang="less" scoped>

</style>
